// class Fun{
//     constructor(){
//         this.qdl=document.querySelectorAll(".qdl");
//         this.yl=document.querySelector("#yl")
//     }
// }

//轮播图
        function Banner(index){
            this.left = document.getElementById("left");
            this.right = document.getElementById("right");
            this.imgbox = document.querySelector(".imgbox");
            this.imgs = this.imgbox.children;
            this.index = index;
            this.list=document.querySelector(".list");
            this.fenye= document.querySelectorAll(".fenye");

            // 补全布局：
            // 根据实际的图片数量计算图片容器的尺寸
            this.imgbox.style.width = this.imgs.length * this.imgs[0].offsetWidth + "px";
            // 根据默认索引，设置图片容器的真实位置
            this.imgbox.style.left = this.index * -this.imgs[0].offsetWidth + "px";

            // 2. 执行绑定点击事件
            this.addEvent();
        }
        Banner.prototype = {
            constructor:Banner,
            addEvent:function(){
              
                const that = this;
                this.left.onclick = function(){
                    that.changeIndexLeft()
                }
                this.right.onclick = function(){
                    that.changeIndexRight()
                }
                // forEach((val,idx)=>{
                //     this.fenye=idx;
                // })
                // this.fenye.onclick=function(){
                //     console.log(val); 
                   
                //     that.changeIndex()
                 
                // }
                this.autoplay()
                // this.fenye.onclick=function(){
                //   that.changeImgbox()
                // }
            },
            // changeIndex:function(){
            //     console.log(1);
            //     foreach(fenye,idx=>{
            //         this.index=index;
            //         console.log(this.index);
            //     })
            //     if(this.index >index){
            //         that.changeIndexLeft()
            //     }else{
            //         that.changeIndexRight()
            //     }
            //     index=this.index
            // },
            // changeImgbox:function(){
            //     foreach(fenye,idx=>{
            //         this.index=index;
            //         console.log(this.index);
            //     })
            //     if(this.index> index){
            //                     // console.log("左");
            //                     that.changeIndexRight()
            //                 }
            //                 if(this.index < index){
            //                     // console.log("右");
            //                     that.changeIndexLeft()
            //                 }
            //                 //当前点击的就是下一次要走的
            //                 index = this.index;
            // },
            
                  
            changeIndexLeft:function(){
                // 计算索引：
                if(this.index === 0){
                    this.index=this.imgs.length-2;
                    this.imgbox.style.left = -(this.imgs.length-1)*this.imgs[0].offsetWidth + "px";
                }else{
                    this.index--;

                }
                this.changePos();
            },
            changeIndexRight:function(){
                // 计算索引：++
                if(this.index === this.imgs.length-1){               
                    this.index = 1;
                    this.imgbox.style.left = 0;
                }else{
                    this.index++;
                }
                this.changePos();
            },
            changePos:function(){
                move(this.imgbox,{
                    left: -this.index * this.imgs[0].offsetWidth
                })
            },
            autoplay:function(){           
                    const that=this;
                    clearInterval(that.t)
                    that.t=setInterval(()=>{
                        this.changeIndexRight()
                        this.imgbox.onmouseenter = function(){
                            clearInterval(that.t);
                        }
                        this.imgbox.onmouseleave = function(){
                         that.autoplay();
                        }
                    },3000)               
            }
        }
        
        new Banner(1);
        
  

        //二级菜单
 
       $(function(){
           $("ul").find("li").hover(function(){
               $(this).children("ul").show();
           },function(){
               $(this).children("ul").hide();
           })
       }) 


//楼层跳转
$(".btns").children("li").click(function(){
    $("html").stop().animate({
        scrollTop: $(".floor").eq($(this).index()).offset().top
    })
})
$(".lcdh").scroll(function(){
    if($(".floor").eq($(this).index()).offset().top<500){
        $(".lcdh").style().display(none)
    }
})
// $("#sb").click(function(){
//     $("html").stop().animate({        
//         scrollTop: $(".floor").offset().top*7
//     })
// })
// $("#xb").click(function(){
//     $("html").stop().animate({        
//         scrollTop:$(".floor").eq($(this).index()).offset().top*7
//     })
// })

const ofloor=document.querySelectorAll(".floor")
const oLi=document.querySelectorAll(".list li")

window.onscroll=function(){
    let scrollTop=window.scrollY
    for(let i=0;i<ofloor.length;i++){
 if(scrollTop>=ofloor[i].offsetTop-200){
     for(let j=0;j<oLi.length;j++){
         oLi[j].className=""
     }
        oLi[i].className="red"
 
        }
        if(document.documentElement.scrollTop<4800&&document.documentElement.scrollTop>=500){
            document.querySelector(".lcdh").style.display="block"
        }else{
            document.querySelector(".lcdh").style.display="none"
        }
 
    }
 }
